<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>List</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link href="css/navbar-fixed-top.css" rel="stylesheet">
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/webren.css">
</head>
<body>
	<div class="navbar navbar-default navbar-fixed-top" role="navigation">
	    <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <div class="navbar-left">
          	<a href="javascript:history.back(-1)" class="navbar-back" ></a>
          </div>
          <a class="navbar-brand" href="#">
          </a>
          <a class="navbar-brand" href="">推荐任务</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">导航 <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">找服务</a></li>
                <li><a href="#">找项目</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">靠谱说 <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">平台介绍</a></li>
                <li><a href="#">靠谱优势</a></li>
                <li><a href="#">联系我们</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>
	<div class="container">
	  	<div style="height: 55px;"></div>
	</div>	
    <div class="container">
		<div class="btn-group webr-tiaojian">
			<div class="btn-group">
		    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
		      所有类型
		      <span class="caret"></span>
		    </button>
		    <ul class="dropdown-menu">
		      <li><a href="#">所有类型</a></li>
		      <li><a href="#">WEB网站</a></li>
		      <li><a href="#">移动应用APP</a></li>
		    </ul>
		  </div>
		  <div class="btn-group">
		    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
		      所有角色
		      <span class="caret"></span>
		    </button>
		    <ul class="dropdown-menu">
		      <li><a href="#">全栈开发</a></li>
		      <li><a href="#">前端开发</a></li>
		    </ul>
		  </div>
		
		  <div class="btn-group">
		    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
		      所有进度
		      <span class="caret"></span>
		    </button>
		    <ul class="dropdown-menu">
		      <li><a href="#">未开始</a></li>
		      <li><a href="#">招募中</a></li>
		      <li><a href="#">开发中</a></li>
		      <li><a href="#">已结束</a></li>
		      <li><a href="#">质保中</a></li>		      
		    </ul>
		  </div>
		</div>
    </div>
	<div class="container">
		<div class="list-group webr-tjlist cl">
		  		<div class="webr-tjlist-img wdh-30 fl">
		  			<img  src="img/123.png"/>
		  		</div>
		  		<div class="wdh-70 fl">
				  <a href="#" class="list-group-item">
				    <h5 class="list-group-item-heading">List group item <span class="label label-success fr">招募中</span></h5>
				    <p class="list-group-item-text leixing">移动应用  <span><b class="mgn-l-10px">后端开发</b></span></p>
				    <p class="list-group-item-text"><i class="webr-tjlist-money">￥2,000</i> <span class="renshu">0人报名</span></p>
				  </a>	  			
		  		</div>
		</div>
		<div class="list-group webr-tjlist cl">
		  		<div class="webr-tjlist-img wdh-30 fl">
		  			<img  src="img/123.png"/>
		  		</div>
		  		<div class="wdh-70 fl">
				  <a href="#" class="list-group-item">
				    <h5 class="list-group-item-heading">List group item <span class="label label-success fr">招募中</span></h5>
				    <p class="list-group-item-text leixing">移动应用  <span><b class="mgn-l-10px">后端开发</b></span></p>
				    <p class="list-group-item-text"><i class="webr-tjlist-money">￥2,000</i> <span class="renshu">0人报名</span></p>
				  </a>	  			
		  		</div>
		</div>
		<div class="list-group webr-tjlist cl">
		  		<div class="webr-tjlist-img wdh-30 fl">
		  			<img  src="img/123.png"/>
		  		</div>
		  		<div class="wdh-70 fl">
				  <a href="#" class="list-group-item">
				    <h5 class="list-group-item-heading">List group item <span class="label label-success fr">招募中</span></h5>
				    <p class="list-group-item-text leixing">移动应用  <span><b class="mgn-l-10px">后端开发</b></span></p>
				    <p class="list-group-item-text"><i class="webr-tjlist-money">￥2,000</i> <span class="renshu">0人报名</span></p>
				  </a>	  			
		  		</div>
		</div>
		<div class="list-group webr-tjlist cl">
		  		<div class="webr-tjlist-img wdh-30 fl">
		  			<img  src="img/123.png"/>
		  		</div>
		  		<div class="wdh-70 fl">
				  <a href="#" class="list-group-item">
				    <h5 class="list-group-item-heading">List group item <span class="label label-success fr">招募中</span></h5>
				    <p class="list-group-item-text leixing">移动应用  <span><b class="mgn-l-10px">后端开发</b></span></p>
				    <p class="list-group-item-text"><i class="webr-tjlist-money">￥2,000</i> <span class="renshu">0人报名</span></p>
				  </a>	  			
		  		</div>
		</div>
		<div class="list-group webr-tjlist cl">
		  		<div class="webr-tjlist-img wdh-30 fl">
		  			<img  src="img/123.png"/>
		  		</div>
		  		<div class="wdh-70 fl">
				  <a href="#" class="list-group-item">
				    <h5 class="list-group-item-heading">List group item <span class="label label-success fr">招募中</span></h5>
				    <p class="list-group-item-text leixing">移动应用  <span><b class="mgn-l-10px">后端开发</b></span></p>
				    <p class="list-group-item-text"><i class="webr-tjlist-money">￥2,000</i> <span class="renshu">0人报名</span></p>
				  </a>	  			
		  		</div>
		</div>
		<div class="list-group webr-tjlist cl">
	  		<div class="webr-tjlist-img wdh-30 fl">
	  			<img  src="img/123.png"/>
	  		</div>
	  		<div class="wdh-70 fl">
			  <a href="#" class="list-group-item">
			    <h5 class="list-group-item-heading">List group item <span class="label label-success fr">招募中</span></h5>
			    <p class="list-group-item-text leixing">移动应用  <span><b class="mgn-l-10px">后端开发</b></span></p>
			    <p class="list-group-item-text"><i class="webr-tjlist-money">￥2,000</i> <span class="renshu">0人报名</span></p>
			  </a>	  			
	  		</div>
		</div>		
	</div>    	



    <div id="footer">
      <nav class="webr-nav">
	      <ul class="webr-diaplay-box text-center">
			  <li class="webr-box-flex"><a href="{:url('index/index')}"><i class="webr-icon webr-icon-home"></i>首页</a></li>
			  <li class="webr-box-flex"><a href="{:url('category/top_all')}"><i class="webr-icon webr-icon-cate"></i>项目</a></li>
			  <li class="webr-box-flex"><a href="javascript:openSearch();"><i class="webr-icon webr-icon-search"></i>报价</a></li>
			  <li class="webr-box-flex"><a href="{:url('flow/cart')}"><i class="webr-icon webr-icon-flow"></i>发布</a></li>
			  <li class="webr-box-flex"><a href="{:url('user/index')}"><i class="webr-icon webr-icon-user"></i>个人中心</a></li>
		  </ul>
	  </nav>
    </div>
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</body>
</html>